<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>购物车</title>
		<link rel="stylesheet" type="text/css" href="style/cart.css"/>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/cart.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!--  头部  -->
		<div id="top">
			<div class="margin">
				<div class="left">
					<a href="javascript:;"><i class="mia-icon icon-mobile"></i>手机蜜芽</a>
				</div>
				<div class="right">
					<span>你好，欢迎来到蜜芽！</span>
					<a href="login.html">登录</a><em>|</em>
					<a href="register.html">免费注册</a>
					<a href="javascript:;">帮助中心</a>
				</div>
			</div>
		</div>
		
		<div id="header" class="margin1">
			<a href="index.html"><img src="images/t1.png" /></a>
			<ul>
				<li class="current">1.我的购物车</li>
				<li>2.填写核对订单信息</li>
				<li>3.成功提交订单</li>
			</ul>
		</div>
		
		<div id="main">
			<!--购物车为空时显示的盒子-->
			<div class="margin1 back">
				<p class="ti">您还没有为您可爱的宝宝挑选任何商品哦~</p>
				<p>您可以去<a href="index.html">首页</a>挑选宝宝喜欢的商品</p>
			</div>
			
			<!--加入商品后的盒子-->
			<div class="shopping" style="display: none;">
				<div class="title">
					<span>我的购物车</span>
				</div>
				<div class="menu">
					<div class="m1">
						<div class="checked1"></div>
						<p>全选</p>
					</div>
					<div class="m2">商品</div>
					<div class="m3">规格</div>
					<div class="m4">单价</div>
					<div class="m5">数量</div>
					<div class="m6">小计</div>
					<div class="m7">操作</div>
				</div>
				<div class="list">
					<div class="tit">
						<div class="checked2"></div>
						<span>蜜芽自营</span>
					</div>
					<div class="content" style="display: none;">
						<div class="checked"><input type="checkbox" checked="checked" class="check"/></div>
						<div class="limg"><img src="images/p1.png" /></div>
						<div class="des">
							<p><a class="dest" href="javascript:;">贝亲 Pigeon 自然实感 宽口径奶嘴 6个月+ L  两只装 </a></p>
							<p>已选:L号*2</p>
						</div>
						<div class="size"></div>
						<div class="price">
							<p class="goodsn">43.00</p>
							<p class="goodso">62.00</p>
						</div>
						<div class="change">
							<div class="num">
								<span class="del"></span>
								<em>1</em>
								<span class="add"></span>
							</div>
						</div>
						<div class="total">
							<span class="many">￥86</span>
						</div>
						<div class="opera">
							<a href="javascript:;">删除</a>
						</div>
					</div>
					
				</div>
				<div class="count">
					<div class="all">
						<div class="m1">
							<div class="checked123"><input type="checkbox" checked="checked" class="allsel check"/></div>
							<p>全选</p>
						</div>
						<a href="javascript:;">删除选择商品</a>
						<a href="javascript:;">清除无效商品</a>
						<a href="javascript:;">移入收藏夹</a>
					</div>
					<div class="allnum">
						<p>已选择商品<i class="as">4</i>件  合计(不含运费和进口税)：<i class="alls">￥482</i></p>
					</div>
					<a href="javascript:;" class="btn">去结算</a>
				</div>
			</div>
		</div>
		<!--<script type="text/javascript">
			var bstop=true;
			$('.shopping input').on('click',function(){
				if(bstop){
					$(this).parents('.checked').css('background-position','0 0');
					bstop=false;
				}else{
					$(this).parents('.checked').css('background-position','0 -176px');
					bstop=true;
				}
			});
		</script>-->
		<!--  商品列表  -->
		<div class="goods-list margin1" style="border-top:2px solid #fa4b9b;">
			<ul>
				<!--<li class="group">
					<div class="lay-t">
						<img src="" class="oimg"  />
					</div>
					<div class="lay-b">
						<div class="tit">好奇铂金成长裤M60片</div>
						<div class="price">
							<span class="new">拼团价：￥<em>89</em></span>
							<span class="old">市场价：￥<em>423.00</em></span>
						</div>
						<span class="btn">加入购物车</span>
					</div>
				</li>
				<li class="group">
					<div class="lay-t">
						<img src="" class="oimg"  />
					</div>
					<div class="lay-b">
						<div class="tit">好奇铂金成长裤M60片</div>
						<div class="price">
							<span class="new">拼团价：￥<em>89</em></span>
							<span class="old">市场价：￥<em>423.00</em></span>
						</div>
						<span class="btn">加入购物车</span>
					</div>
				</li>
				<li class="group">
					<div class="lay-t">
						<img src="" class="oimg"  />
					</div>
					<div class="lay-b">
						<div class="tit">好奇铂金成长裤M60片</div>
						<div class="price">
							<span class="new">拼团价：￥<em>89</em></span>
							<span class="old">市场价：￥<em>423.00</em></span>
						</div>
						<span class="btn">加入购物车</span>
					</div>
				</li>
				<li class="group">
					<div class="lay-t">
						<img src="" class="oimg"  />
					</div>
					<div class="lay-b">
						<div class="tit">好奇铂金成长裤M60片</div>
						<div class="price">
							<span class="new">拼团价：￥<em>89</em></span>
							<span class="old">市场价：￥<em>423.00</em></span>
						</div>
						<span class="btn">加入购物车</span>
					</div>
				</li>
				<li class="group">
					<div class="lay-t">
						<img src="" class="oimg"  />
					</div>
					<div class="lay-b">
						<div class="tit">好奇铂金成长裤M60片</div>
						<div class="price">
							<span class="new">拼团价：￥<em>89</em></span>
							<span class="old">市场价：￥<em>423.00</em></span>
						</div>
						<span class="btn">加入购物车</span>
					</div>
				</li>-->
			</ul>
		</div>
		
		<!--<script type="text/javascript">
			var $img=$('.goods-list .lay-t img');
			var $tit=$('.goods-list .lay-b .tit');
			var $new=$('.goods-list .lay-b .new em');
			var $old=$('.goods-list .lay-b .old em');
			var $group=$('.goods-list .group');
			$.ajax({
				url:'php/mysql.php',
				dataType:'json'
			}).done(function(data){
				for(var i=0;i<$img.length;i++){
					$img[i].src=data[i].url;
					$tit[i].innerHTML=data[i].title;
					$new[i].innerHTML=data[i].price;
					$old[i].innerHTML=data[i].oldprice;
				}
			});
		</script>-->
		
		<div id="tan" style="display: none;">
			<span class="biaoti">删除宝贝</span>
			<div>
				<p>确定要删除该商品么？</p>
				<p class="tan-btn">
					<span class="sp1">确定</span>
					<span class="sp2">取消</span>
				</p>
			</div>
		</div>
		
		<!--  底部  -->
		<div id="footer">
			<div class="one margin">
				<a href="javascript:;">
					<img src="images/t3.png" />
					<b>可信赖</b>
					进口母婴特卖
				</a>
				<a href="javascript:;">
					<img src="images/t3.png" />
					<b>可信赖</b>
					进口母婴特卖
				</a>
				<a href="javascript:;">
					<img src="images/t3.png" />
					<b>可信赖</b>
					进口母婴特卖
				</a>
				<a href="javascript:;">
					<img src="images/t3.png" />
					<b>可信赖</b>
					进口母婴特卖
				</a>
				<a href="javascript:;">
					<img src="images/t3.png" />
					<b>可信赖</b>
					进口母婴特卖
				</a>
				<a href="javascript:;">
					<img src="images/t3.png" />
					<b>可信赖</b>
					进口母婴特卖
				</a>
			</div>
			<div class="two margin">
				<div class="two-l">
					<ul>
						<li class="strong">使用帮助</li>
						<li><a href="javascript:;">新手指南</a></li>
						<li><a href="javascript:;">蜜粉值体系</a></li>
						<li><a href="javascript:;">蜜豆体系</a></li>
						<li><a href="javascript:;">正品承诺</a></li>
					</ul>
					<ul>
						<li class="strong">使用帮助</li>
						<li><a href="javascript:;">新手指南</a></li>
						<li><a href="javascript:;">蜜粉值体系</a></li>
						<li><a href="javascript:;">蜜豆体系</a></li>
						<li><a href="javascript:;">正品承诺</a></li>
					</ul>
					<ul>
						<li class="strong">使用帮助</li>
						<li><a href="javascript:;">新手指南</a></li>
						<li><a href="javascript:;">蜜粉值体系</a></li>
						<li><a href="javascript:;">蜜豆体系</a></li>
						<li><a href="javascript:;">正品承诺</a></li>
					</ul>
					<ul>
						<li class="strong">使用帮助</li>
						<li><a href="javascript:;">新手指南</a></li>
						<li><a href="javascript:;">蜜粉值体系</a></li>
						<li><a href="javascript:;">蜜豆体系</a></li>
						<li><a href="javascript:;">正品承诺</a></li>
					</ul>
					<ul class="contact">
						<li class="strong">联系方式</li>
						<li>总裁邮箱 ceo@mia.com</li>
						<li>总裁邮箱 ceo@mia.com</li>
						<li>总裁邮箱 ceo@mia.com</li>
						<li>总裁邮箱 ceo@mia.com</li>
						<li>总裁邮箱 ceo@mia.com</li>
					</ul>
				</div>
				<div class="two-r">
					<p>关注蜜芽</p>
					<div class="box">
						<img src="images/t4.png" class="box-l" />
						<div class="box-r">
							<a href="javascript:;">
								<img src="images/t5.gif" />
							</a>
							<a href="javascript:;">
								<img src="images/t6.gif" />
							</a>
						</div>
					</div>
				</div>
			</div>
			<div class="three margin">
				<p class="p1">
					<a href="javascript:;">关于蜜芽</a>|
					<a href="javascript:;">关于蜜芽</a>|
					<a href="javascript:;">关于蜜芽</a>|
					<a href="javascript:;">关于蜜芽</a>|
					<a href="javascript:;">关于蜜芽</a>|
					<a href="javascript:;">关于蜜芽</a>|
					<a href="javascript:;">关于蜜芽</a>|
					<a href="javascript:;">关于蜜芽</a>
				</p>
				<p class="p2">
					 京公网安备：11010502027270 | 营业执照：91110105582599307U | 食品经营许可证：SP1101051410296669 | 出版物经营许可证：新出发京零字第朝160088号 | 京ICP证140430号 <br /> 京ICP备14006215号 <br /> Copyright © 2017 北京花旺在线商贸有限公司 Mia.com 保留一切权利。
				</p>
				<p class="p3">
					<a href="javascript:;"><img src="images/t7.png" width="100px"/></a>
					<a href="javascript:;"><img src="images/t8.png" width="114px" /></a>
				</p>
			</div>
		</div>
		
		
		
		
	</body>
</html>
